<#import '/ftlLibrary/properteisVariable.ftl' as pv/>
<link href="assets/css/bootstrap-select.css" rel="stylesheet"/>
<link href="assets/css/front/listCommonStyle.css" rel="stylesheet"/>
<link href="assets/css/modify.css" rel="stylesheet"/>
<script src="assets/js/select2/select2.js"></script>
<input type="hidden" id="cg">
<div class="row margin-left-10">
	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
		<div class="widget flat margin-top-0" style="margin: -10px 0 0px 0!important;">
			<div class="widget-header bordered-sky theme-bordered nopadding">
				<div class="widget-buttons widget-label nomargin-bottom">
					<label class="businessBtns">
						<ol class="breadcrumb" style="margin: 0;">
							<li style="color: #809fa6;">财务管理</li>
							<li class="active" style="color: #23a8f5;">权责流水</li>
						</ol>
					</label>
				</div>
			</div>
		</div>
	</div>
	<!-- 映射列表 -->
	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12  nopadding-right">
		<div class="widget flat searchCriteria margin-top-0" style="margin: 3px 0 0px 0!important;">
			<div class="widget-header bordered-sky theme-bordered nopadding">
				<div class="widget-buttons widget-label" style="margin-bottom: 15px!important;">
					<label class="businessBtns">
						<label >
							<a style="border-radius: 0px;border: none;background: #23a8f5 !important;"
							   class="btn btn-blue shiny download"
							   onclick="exportData('${searchFormId}','MemberInformation.xlsx')"><i
									class="fa fa-share"></i>导出
							</a>
						</label>
						<label >
							<a style="border-radius: 0px;border: none;background: #ffab00 !important;"
							   class="btn btn-warning shiny search "><i class="fa fa-search"></i>搜索
							</a>
						</label>
						<label onclick="iconsChange()" style="margin-right: 6px">
							<label>
								<a class="iconsChangeA"
								   style="width: 13px;height: 13px;cursor: pointer;background: url('assets/img/nav-img/icon_hidden.png');display: block;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;user-select:none;"
								   value="1"></a>
							</label>
							<label style="color: #23a8f5 ;vertical-align: middle;padding-top:4px;">
                                <span class="iconsChangeSpan"
									  style="-webkit-user-select:none; cursor: pointer;-moz-user-select:none; -ms-user-select:none;user-select:none;">隐藏搜索栏</span>
							</label>
						</label>
					</label>
				</div>
			</div>
		</div>

		<div class="search_Bar" style="vertical-align: middle">
			<form id="${searchFormId}" action="${actionUrl}" method="POST" class="searchConditions">
				<div class="row searchInput" style="margin: 0;">
					<label class="iconchange1 hidden" style="position: absolute;right: 10px;top: 0px;" >
						<a class="search_Bar_A" id="iconchangemore" style="color: #2a6496;cursor: pointer;"  onclick="iconchangeShow(this)" value="1">筛选更多<i class="fa fa-chevron-down" style="padding-left: 5px"></i></a>
					</label>
					<label style="margin-bottom: 15px;margin-right: 40px;" class="search_Bar_item hidden">
						<label style="width: 78px">权责日期：</label>
						<label>
							<input type="text" id="d4311" name="responsibilityTime_begin" class="beginValue Wdate" value="${search_map.responsibilityTime_begin[0]}" style="width: 90px;height: 30px!important;padding-left:3px!important;border: 1px solid #c6d5d8;border-radius: 4px !important;" onfocus="WdatePicker({doubleCalendar:true,maxDate:'#F{$dp.$D(\'d4312\')}',dateFmt:'yyyy-MM-dd'})"> 至
							<input id="d4312" type="text" name="responsibilityTime_end" class="endValue Wdate" value="${search_map.responsibilityTime_end[0]}" style="width: 90px;height: 30px!important;padding-left:3px!important;border: 1px solid #c6d5d8;border-radius: 4px !important;" onfocus="WdatePicker({doubleCalendar:true,minDate:'#F{$dp.$D(\'d4311\')}',dateFmt:'yyyy-MM-dd '})">
						</label>
					</label>
				</div>
			</form>
		</div>
	</div>

	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
		<div class="widget flat radius-bordered" style="margin-top: 0;box-shadow:0px 0px 10px rgba(122,161,184,0.3);">
			<div class="widget-body no-padding">
				<!--<div class="topPagingBar">
                    ${pagingBar}
                </div>-->
				<div class="table-scrollable" style="border: none;">
					<!-- 数据表列信息列表 -->
					<table class="table table-hover dataTable newtable ">
						<thead>
						<tr>
							<th title="属性名">序号</th>
							<th title="权责日期">权责日期</th>
							<th title="亲子考勤">亲子考勤</th>
							<th title="亲子退费">亲子退费</th>
							<th title="亲子汇总">亲子汇总</th>
							<th title="过渡考勤">过渡考勤</th>
							<th title="餐点费">餐点费</th>
							<th title="一次性物品费">一次性物品费</th>
							<th title="过渡退费">过渡退费</th>
							<th title="过渡汇总">过渡汇总</th>
							<th title="手动扣课">手动扣课</th>
							<th title="权责收入">权责收入</th>
						</tr>
						</thead>
						<tbody>
						<#if page_bean.list?size==0>
							<tr>
								<td align="center">无数据</td>
							</tr>
						</#if>
						<#list page_bean.list as data>
							<tr>
								<td>${data_index+1+(page_bean.pageNo-1)*page_bean.pageSize}</td>
								<td>${(data.responsibilityTime???string(data.responsibilityTime?html,"未设置"))!'未设置'}</td>
								<td>${(data.parentingAttendance???string(data.parentingAttendance?html,"未设置"))!'未设置'}</td>
								<td>${(data.parentingRefund???string(data.parentingRefund?html,"未设置"))!'未设置'}</td>
								<td>${(data.sumParenting???string(data.sumParenting?html,"未设置"))!'未设置'}</td>
								<td>${(data.transitionAttendance???string(data.transitionAttendance?html,"未设置"))!'未设置'}</td>
								<td>${(data.mealFee???string(data.mealFee?html,"未设置"))!'未设置'}</td>
								<td>${(data.disposable???string(data.disposable?html,"未设置"))!'未设置'}</td>
								<td>${(data.transitionRefund???string(data.transitionRefund?html,"未设置"))!'未设置'}</td>
								<td>${(data.sumTransition???string(data.sumTransition?html,"未设置"))!'未设置'}</td>
								<td>${(data.manualDeduction???string(data.manualDeduction?html,"未设置"))!'未设置'}</td>
								<td>${(data.sumResponsibility???string(data.sumResponsibility?html,"未设置"))!'未设置'}</td>
							</tr>
						</#list>
						</tbody>
					</table>
				</div>
				${pagingBar}
			</div>
		</div>
	</div>
</div>
<script>
    $(".selectpicker").select2();
    /**
     * 新增缴费
     * @param that
     */
    function addPayment(that) {
        var user = "1";
		ajaxRequest("tssPaymentController/toAddedPaymentView.do", {
            user:user
		}, function (html) {
			getTopWin().bootbox.dialog({
				message: html,
				title: "定金",
				className: 'myDialog '
			});
		}, function () {
			ajaxError("加载页面失败!")
		}, "get", "html")
    }

    /**
     * 费用明细
     * @param that
     */
    function Details(that) {
        var stuId = $(that).attr("stuId");
        var showFlag = "1";
        ajaxRequest("tssPaymentController/chargeDetails.do", {
            stuId:stuId,
            showFlag:showFlag
        }, function (html) {
            getTopWin().bootbox.dialog({
                message: html,
                title: "费用明细",
                className: 'myDialog tssStudentModal'
            });
        }, function () {
            ajaxError("加载页面失败!")
        }, "get", "html")

    }
    /**
     * 退费申请
     * @param that
     */
    function Refund(that) {
        var stuId = $(that).attr("stuId");
        ajaxRequest("tssMemberReturnPremiumController/ViewRefundList.do", {
            stuId:stuId
        }, function (html) {
            getTopWin().bootbox.dialog({
                message: html,
                title: "退费申请",
                className: 'myDialog tssStudentModal'
            });
        }, function () {
            ajaxError("加载页面失败!")
        }, "get", "html")

    }
    /*function Refund(that) {
        var stuId = $(that).attr("stuId");
        console.log(stuId);
        ajaxRequest("tssMemberReturnPremiumController/ViewRefundList.do", {
            stuId: stuId
        }, function (html) {
            console.log(html)
            getTopWin().bootbox.dialog({
                message: html,
                title: "退费申请",
                className: 'myDialog familyMemberDialog',
            });
        }, function () {
            ajaxError("加载页面失败!")
        }, "post", "html")

    }*/



    /**
     * 导出数据
     * @param formId 条件表单id
     * @param templateName 导出的文件名
     */
    function exportData(formId, templateName) {

        var params = $("#" + formId).serialize();
        var exportIframe = ' <iframe class="hidden" id="exportIframe" name="exportIframe"></iframe>';
        var exportSrc ="tssPaymentController/exportExcle.do";
        var $exportForm = $('<form method="post" target="exportIframe" action="' + exportSrc + '" id="exportForm"></form>');
        $("#" + formId).find("input").map(function (i, input) {
            var $input = $(input);
            var name = $input.attr("name");
            var val = $input.val();
            if (name) {
                $exportForm.append('<input type="hidden" name="' + name + '" value="' + val + '">');
            }
        });
        //$exportForm.append('<input type="hidden" name="ids" value="' + ids + '">');
        $exportForm.append('<input type="hidden" name="templateName" value="' + templateName + '">');
        $exportForm.append('<input type="hidden" name="loginAdminUserId" value="${loginUserId}">');

        var flag = 0;

        $exportForm.append('<input type="hidden" name="flag" value='+flag+'>');

        $("body #exportIframe").remove();
        $("body #exportForm").remove();
        $("body").append(exportIframe);
        $("body").append($exportForm);
        $exportForm.submit();
    };

    //    隐藏显示搜索
    function iconsChange() {
        if($(".iconsChangeA").val()==1){
            $(".iconsChangeA").val("0");
            $(".iconsChangeA").css("background","url('assets/img/nav-img/icon_hidden.png')");
            $(".iconsChangeSpan").html("隐藏搜索栏");
            $(".search_Bar").removeClass("hidden");
        }else{
            $(".iconsChangeA").val("1");
            $(".iconsChangeA").css("background","url('assets/img/nav-img/icon_show.png')");
            $(".iconsChangeSpan").html("显示搜索栏");
            $(".search_Bar").addClass("hidden");
        }
    }
    //    筛选下拉框
    setTimeout(function () {
        var size = $(".search_Bar_item").size();
        if (size > 8) {
            $(".iconchange1").removeClass("hidden");
            $(".search_Bar_item").each(function () {
                var index = $(this).index();
                if (index <= 8) {
                    $(this).removeClass("hidden")
                }

            })
        } else {
            $(".iconchange1").addClass("hidden");
            $(".search_Bar_item").each(function () {
                $(this).removeClass("hidden")
            })
        }

        $(".iconDialogTd").each(function (tr,trItem) {
            var $tr = $(trItem);
            var sizeTd = $tr.find(".showDialogTd").size();
            if(sizeTd>5){
                $tr.find(".iconchangeTd").removeClass("hidden");
                $tr.find(".showDialogTd").each(function (a,aItem) {
                    var $a = $(aItem);
                    if(($a.index()+1)>5){
                        var html = $a.get(0);
                        $a.remove();
                        $tr.find(".popover-content").get(0).append(html);
                        $a.addClass("appendTdA")
                    }
                })

            }else{
                $tr.find(".iconchangeTd").addClass("hidden");
                $tr.find(".showDialogTd").each(function () {
                    $tr.removeClass("hidden");
                })
            }
        })

    }, 10);



    function iconchangeShow(that) {

        if($(that).attr("value")==1){
            $(that).attr("value","0");
            $(".iconchange1 .fa").removeClass("fa-chevron-down").addClass("fa-chevron-up");
            $(".search_Bar_item").each(function () {
                $(this).removeClass("hidden")
            })
        }else{
            $(that).attr("value","1");
            $(".iconchange1 .fa").removeClass("fa-chevron-up").addClass("fa-chevron-down");
            $(".search_Bar_item").each(function () {
                var index = $(this).index();
                if (index <= 8) {
                    $(this).removeClass("hidden")
                }else{
                    $(this).addClass("hidden")
                }

            })
        }

    }

    function iconchangeArrow(that) {
        if($(that).attr("value")==0) {
            $(that).attr("value","1");
            $(that).find(".fa").removeClass("fa-sort-desc").addClass("fa-sort-up");
            $(that).find(".fa").css("top","5px");
            $(that).next().removeClass("hidden");

        }else{
            $(that).attr("value","0");
            $(that).find(".fa").removeClass("fa-sort-up").addClass("fa-sort-desc");
            $(that).find(".fa").css("top","0px");
            $(that).next().addClass("hidden");
        }
    }
</script>